html{height: 100%;}
body{width: 100%; height: 100%;position: relative;}
.homeTitle{width: 100%; height: 100px; padding: 25px 40px; box-sizing: border-box;}
.homeTitleMind{width: 200px; height: 100%; background-color: #fff; border-radius: 10px; font-size: 22px; font-weight: bold; text-align: center; line-height: 50px; float: left;}

.userNameWrap{width: 440px;height: 60px;margin-left: 100px;overflow: hidden;}
.userName{width: 250px;height: 60px;float: left;text-align: center;background-color: #fff;}
.userNameinfo{font-size: 18px;line-height: 60px;}
.editPasswdWrap{width: 150px;height: 30px;background-color: #000;float: right;text-align: center;border-radius: 15px;margin-top: 30px;}
.editPasswdWrap:hover{cursor: pointer;}
.editPasswd{color: #fff;font-size: 16px;line-height: 30px}

/*内容标题*/
.contentTitleWrap{height: 50px;overflow: hidden;margin:30px;}
.contentTitle{width: 250px;text-align: center;height: 100%;display: inline-block;float: left;border-right: 2px solid #999999;background-color: #fff;}
.contentTitle:hover{cursor: pointer;}
.contentTiltleinfo{font-size: 18px;line-height: 50px;}
.overdue{border-right: none;}
/*个人中心---在读书籍*/
.contentWarp{width: 100%;padding:50px 25px;box-sizing: border-box;}
.content{width: 100%;margin: 0 auto;background-color: #fff;}
.booksWrap{width: 250px;display: inline-block;float: left;margin-right: 30px;padding: 10px;}
.booksImg{width: 217px;height: 180px;padding:15px;background-color: #fff;border: 1px solid #D5D5D5;border-bottom: none;position: relative;}
.bookImg{width: 100%;height: 100%;}
.booksName{width: 98%;height: 45px;background-color: #fff;text-align: center;padding:1px;border:1px solid #D5D5D5;}
.bookNameinfo{font-size: 18px;line-height: 45px;}
.booksTime{width: 98%;height: 45px;background-color: #fff;text-align: center;padding:1px;border:1px solid #D5D5D5;border-top: none;border-bottom: none;}
.booksTimeinfo{font-size: 14px;line-height: 45px;}
.applyBtn{width: 99%;height: 45px;background-color: red;text-align: center;margin: 0 auto;}
.applyBtnafter{width: 99%;height: 45px;background-color: #999999;text-align: center;margin: 0 auto;}
.applyBtn:hover{cursor: pointer;}
.applyBtninfo{font-size: 18px;line-height: 45px;color: #fff}
.applyBtninfoafter{font-size: 18px;line-height: 45px;color: #000}
/*个人中心---预约书籍*/
.contentWarp1{width: 100%;padding:50px 25px;box-sizing: border-box;}
.content1{width: 100%;margin: 0 auto;background-color: #fff;}
.booksWrap1{width: 250px;display: inline-block;float: left;margin-right: 30px;padding: 10px}
.booksImg1{width: 217px;height: 180px;padding:15px;background-color: #fff;position: relative;border: 1px solid #D5D5D5;border-bottom: none;}
.bookImg1{width: 100%;height: 100%;}
.booksName1{width: 98%;height: 45px;background-color: #fff;text-align: center;padding:1px;border:1px solid #D5D5D5;}
.bookNameinfo1{font-size: 18px;line-height: 45px;}
.booksTime1{width: 98%;height: 45px;background-color: #fff;text-align: center;padding:1px;border:1px solid #D5D5D5;}
.booksTimeinfo1{font-size: 18px;line-height: 45px;}
.applyBtn1{width: 99%;height: 45px;background-color: #000;text-align: center;}
.applyBtn1:hover{cursor: pointer;}
.applyBtninfo1{font-size: 18px;line-height: 45px;color: #fff}
/*个人中心---借阅记录*/
.contentWarp2{width: 100%;padding:50px 25px;box-sizing: border-box;}
.content2{width: 100%;margin: 0 auto;background-color: #fff;}
.booksWrap2{width: 250px;height: 400px;display: inline-block;float: left;margin-right: 30px;padding: 10px}
.booksImg2{width: 217px;height: 180px;padding:15px;background-color: #fff;border: 1px solid #D5D5D5;border-bottom: none;position: relative;}
.bookImg2{width: 100%;height: 100%;}
.booksName2{width: 98%;height: 45px;background-color: #fff;text-align: center;padding:1px;border:1px solid #D5D5D5;}
.bookNameinfo2{font-size: 18px;line-height: 45px;}
.booksTime2{width: 98%;height: 45px;background-color: #fff;text-align: center;padding:1px;border:1px solid #D5D5D5;}
.booksTimeinfo2{font-size: 14px;line-height: 45px;}
.applyBtn2{width: 99%;height: 45px;background-color: red;text-align: center;}
.applyBtn2:hover{cursor: pointer;}
.applyBtninfo2{font-size: 18px;line-height: 45px;color: #fff}
/*点击切换*/
.checked{background-color: #999999;}
.unchecked{cursor: not-allowed;}
.hidden{display: none;}
.clearfloat{clear: both; height: 0; font-size: 1px; line-height: 0px;}
.applyBtns{text-align: center;}
